Structuring Page Content in Lists

The remainder of the large data cell on the left is filled by an unordered list. Lists are one of the most frequently used organizational elements in Web authoring, just as they are in printed documents.

They are fairly easy to implement and offer several useful ways to structure information in HTML documents, so we'll present a brief overview of list elements before resuming the tutorial.

List types

HTML includes several list tags. Numbered lists are called ordered lists and use the <OL></OL> tag. Bulleted lists are called unordered lists, and use the <UL></UL> tag. Individual list items for either type of list are specified by the <LI> tag, which does not require an end tag.

To create a bulleted list:

Place the cursor in the first cell of the table (the cell with the Welcome text) between the </P> and </TD> tags.
Click the Quick Lists button on the Lists QuickBar to open the List dialog box.
Change the number of rows to 3.
Under List Style, click Unordered.
In the first row of the text box, enter Crete.
Type Istanbul in the second row and Alexandria in the third row and click OK.
The code looks like this:
```
<UL>
    <LI>Crete
    <LI>Istanbul
    <LI>Alexandria
</UL>
```
We'll finish the table cell by inserting a paragraph after the list.
Place the cursor between the </UL> and </TD> tags and click the Paragraph button.
Choose File > Insert File, select the Insert Text 2.txt file and click Open.
The following text is entered between the <P></P> tags:
Follow our guides back in time as you cruise the beautiful waters of antiquity and visit important archeological digs.

You have now completed the HTML tags tutorial. Congratulations!

If you want to explore a different method for designing Web pages, see the Cascading Style Sheets Tutorial.

Styles enable you to format page elements, such as paragraphs, tables, and lists independently of the code blocks themselves.

Using HomeSite
Chapter 4 Learning HTML and CSS